<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
    <title>jbgallery 2.0 demo - style test</title>
    <meta name="author" content="Massimiliano Balestrieri" />
    <link href="../jbgallery-2.0.css" rel="stylesheet" media="screen" />
	<script src="../jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="../jbgallery-2.0.js" type="text/javascript"></script>
	<script type="text/javascript"><!--
   	jQuery(document).ready(function(){
		
        var obj = jQuery("#test");
        
        jQuery("#mm-zoom").click(function(){
            
            _init({menu : false, style : "zoom"});
        }); 
        jQuery("#mm-centered").click(function(){
            _init({menu : false, style : "centered"});
        });
        jQuery("#mm-original").click(function(){
            _init({menu : false, style : "original"});
        });
          
        jQuery(".cmd").each(function(nr){
			jQuery(this).click(function(){
	            obj.jbgallery("go", (nr + 1));
			});
        }); 
       
        function _init(opt){
			obj.jbgallery("destroy");
            obj.jbgallery(opt);
        }
        _init({menu : false, style : "zoom"});
       
	});
	--></script>
	 <style type="text/css">
     /* z-index 1001 => jbg-content z-index 1000;*/
    #mymenu{z-index:1001;position:absolute;left:0px;top:0px;padding:5px;background:#fff;}
    #mymenu a{color:#000;text-decoration:none;font-weight:bold;font-size:15px;margin:10px;border:1px solid black;padding:3px;}
	</style>
    </head>    
<body>
<div id="mymenu">
	<a href="#" id="mm-1000x749" class="cmd">1000x700</a><!-- minore BODY quadrata -->
	<a href="#" id="mm-1000x749" class="cmd">1000x700*</a><!-- BUG this.complete chrome -->
    <a href="#" id="mm-3000x2000" class="cmd">3000x2000</a><!-- maggiore BODY lanscape -->
	<a href="#" id="mm-2000x3000" class="cmd">2000x3000</a><!-- maggiore BODY portrait -->
	<a href="#" id="mm-3000x3000" class="cmd">3000x3000</a><!-- quadrata maggiore BODY -->
	<a href="#" id="mm-2000x200" class="cmd">2000x200</a><!-- 1 maggiore BODY landscape -->
	<a href="#" id="mm-200x2000" class="cmd">200x2000</a><!-- 1 maggiore BODY portrait -->
	<a href="#" id="mm-300x200" class="cmd">300x200</a><!-- minore BODY lanscape -->
	<a href="#" id="mm-200x300" class="cmd">200x300</a><!-- minore BODY portrait -->
	<a href="#" id="mm-200x200" class="cmd">200x200</a><!-- minore BODY quadrata -->
	<a href="#" id="mm-1x1" class="cmd">1x1</a><!-- 1x1 -->
    <a href="#" id="mm-centered">CENTERED</a>
    <a href="#" id="mm-original">ORIGINAL</a>
    <a href="#" id="mm-zoom">ZOOM</a>
</div>
<div class="jbgallery" id="test">
	<ul>
        <li><a title="1000x769" href="http://lh5.ggpht.com/_JJJpzXdPAI4/TQtnmWII_wI/AAAAAAAABaQ/Gemk2bH539A/test-1000x749.jpg"></a></li>
        <!-- BUG this.complete chrome -->
        <li><a title="1000x769" href="http://lh5.ggpht.com/_JJJpzXdPAI4/TQtnmWII_wI/AAAAAAAABaQ/Gemk2bH539A/test-1000x749.jpg"></a></li>
        <li><a title="3000x2000" href="http://lh3.ggpht.com/_JJJpzXdPAI4/TQtnm9j0rBI/AAAAAAAABag/y_OSyw3xU8c/test-3000x2000.jpg"></a></li>
        <li><a title="2000x3000" href="http://lh5.ggpht.com/_JJJpzXdPAI4/TQtnmtVzOeI/AAAAAAAABac/RPFdDLFmnvo/test-2000x3000.jpg"></a></li>
        <li><a title="3000x3000" href="http://lh3.ggpht.com/_JJJpzXdPAI4/TQtnqwLok0I/AAAAAAAABak/Qnpyb_afUf0/test-3000x3000.jpg"></a></li>
        <li><a title="2000x200" href="http://lh6.ggpht.com/_JJJpzXdPAI4/TQtnmZOpXfI/AAAAAAAABaU/8NxTL7p3VYE/test-2000x200.jpg"></a></li>
        <li><a title="200x2000" href="http://lh6.ggpht.com/_JJJpzXdPAI4/TQtndIg-TeI/AAAAAAAABaI/JRhhMTO4dzw/test-200x2000.jpg"></a></li>
        <li><a title="300x200" href="http://lh5.ggpht.com/_JJJpzXdPAI4/TQtndB11d8I/AAAAAAAABaM/4oKpCu-4xgo/test-300x200.jpg"></a></li>
        <li><a title="200x300" href="http://lh6.ggpht.com/_JJJpzXdPAI4/TQtndKJSTAI/AAAAAAAABaE/5bqlbxZrhr0/test-200x300.jpg"></a></li>
        <li><a title="200x200" href="http://lh6.ggpht.com/_JJJpzXdPAI4/TQtndKJSTAI/AAAAAAAABaE/5bqlbxZrhr0/test-200x200.jpg"></a></li>
        <li><a title="1x1" href="http://lh5.ggpht.com/_JJJpzXdPAI4/TQtnczX2sYI/AAAAAAAABZ8/x9w4pAbhUVI/test-1x1.jpg"></a></li>
	</ul>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-258871-1");
pageTracker._setDomainName(".maxb.net"); 
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>